<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
  <%@ include file="/common/common2.jsp"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Highcharts Example</title>
		
		<!-- 1. Add these JavaScript inclusions in the head of your page -->
		<script type="text/javascript" src="<%=path %>/jslib/Highcharts-3.0.10/js/highcharts.js"></script> 
		<script type="text/javascript" src="<%=path %>/jslib/Highcharts-3.0.10/js/modules/exporting.js"></script>
		
		<!-- 1a) Optional: add a theme file -->
		<!--
			<script type="text/javascript" src="../js/themes/gray.js"></script>
		-->
		
		<!-- 1b) Optional: the exporting module -->
		
		
		<!-- 2. Add the JavaScript to initialize the chart on document ready -->
		<script type="text/javascript">
		
		
		$(function () {
	        $('#container').highcharts({
	            chart: {
	                type: 'column'
	            },
	            title: {
	                text: '各稽查局案件处理情况统计'
	            },
	            subtitle: {
	                text: ''
	            },
	            xAxis: {
	                categories: [
					'第一稽查局', 
					'第二稽查局', 
					'第三稽查局', 
					'第四稽查局', 
					'第五稽查局'
	                ]
	            },
	            yAxis: {
	                min: 0,
	                allowDecimals:false,
	                title: {
	                    text: '个数'
	                }
	            },
	            tooltip: {
	                headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
	                pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
	                    '<td style="padding:0"><b>{point.y:f}</b></td></tr>',
	                footerFormat: '</table>',
	                shared: true,
	                useHTML: true
	            },
	            plotOptions: {
	                column: {
	                    pointPadding: 0.2,
	                    borderWidth: 0
	                }
	            },
	            series: [{
					name: '案件个数',
					data: <%=(request.getAttribute("first")).toString() %>,
					dataLabels: { 
						enabled: true,    //默认是false，即默认不显示数值 
						align: 'center'   //居柱子中间 
					} 
				}]
	        });
	        $("tspan:last").hide();
	    });		
		
				
		</script>
		
	</head>
	<body>		
		<!-- 3. Add the container -->
		<div id="container" style="width:100%;height:100%; margin: 0 auto"></div>
	</body>
</html>
